<template>
	<view @click="$emit('click')"  class="life-button"
	 :style="{backgroundColor:bgColor,color:iscolor}" >
		<image v-if="icon" :src="icon"></image>
		<text @click.native="onLogin">
			<slot/>
		</text>
	</view>
</template>

<script>
	export default {
		name:"life-button",
		props:{
			bgColor:{
				type:String,
				default:'#fff'
			},
			iscolor:{
				type:String,
				default:'#fff'
			},
			icon:{
				type:String
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
 .life-button {
 	width: 750rpx;
 	height: 213rpx;
 	// background: #5591AF;
 	position: fixed;
 	bottom: 0;
 	left: 0;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	image {
 		width: 50rpx;
 		height: 50rpx;
 		margin-bottom: 22rpx;
 	}
 	text {
 		font-style: 23rpx;
 		// color:#fff;
 	}
 }
</style>